@import "../../index.scss";
//一些对组件样式的重写覆盖
.mt-p-info {
  background: #f5f5f5;

  .weui-cell {
    font-size: 15px;
    padding: 3vw 3vw;
  }
  .weui-label {
    width: 22vw !important;
  }

  .vux-check-icon > .weui-icon-success:before,
  .vux-check-icon > .weui-icon-success-circle:before {
    color: $accent-color-light;
  }

  .adjust-arrow {
    .weui-cell__ft:after {
      right: 3vw;
    }
    .vux-label {
      width: 22vw !important;
    }
    .weui-cell__ft {
      flex: 1;
      text-align: left;
    }
    .vux-cell-primary {
      flex: 0;
    }
  }

  .mt-p-info-radio {
    background: $accent-color-light;
    border-radius: 6px;
    padding: 2vw !important;
    .vux-cell-value {
      color: #fff !important;
    }
    .weui-cell__ft:after {
      border-color: #fff;
    }
  }

  .vux-tap-active:active {
    background-color: $accent-color;
  }

  //规格相关
  .mt-p-info-unit {
    & > .weui-cell__primary {
      display: none;
    }

    & > .weui-cell__ft {
      flex: 1;
    }

    .mt-p-info-unit-right {
      text-align: left;

      .mt-p-info-unit-right-top {
        line-height: 36px;
        margin-bottom: 6px;

        .mt-p-info-unit-radio {
          line-height: 1.41176471;
        }

        .mt-p-info-unit-separtor {
          margin-right: 4vw;
        }
      }

      .vux-x-input {
        display: inline-block;
        width: 20vw;
        padding: 0;

        &::before {
          display: none;
        }
      }
      .weui-btn {
        width: 20vw;
        padding: 0 1vw;
        float: right;
      }
      .vux-checker-box {
        margin-top: 4vw;
      }
      .mt-p-info-unit-radio {
        float: right;
        overflow: hidden;
        // width: 22vw;
      }
    }

    .mt-p-info-units {
      font-size: 3.6vw;
      height: 7vw;
      line-height: 7vw;
      border-radius: 3.5vw;
      border: 1px solid #ccc;
      background-color: #fff;
      margin-right: 6px;
      padding: 0 3vw;
      margin-bottom: 10px;
    }
    .mt-p-info-units-selected {
      // background: #ffffff url(../assets/demo/checker/active.png) no-repeat right
      //   bottom;
      color: $accent-color-light;
      border-color: $accent-color-light;
      background: #c8e8ff;
    }
  }

  .mt-p-info-selltype {
    & > .weui-cell__primary {
      display: none;
    }
    .mt-p-info-selltype-right {
      .mt-p-info-selltypes {
        font-size: 3.6vw;
        border: 1px solid #ccc;
        background-color: #fff;
        margin-right: 10px;
        padding: 1vw 2vw;
        text-align: left;

        .mt-p-info-selltypes-top {
          display: block;
          font-size: 4vw;
        }

        .mt-p-info-selltypes-bottom {
          font-size: 3.4vw;
        }
      }

      .mt-p-info-selltypes-selected {
        color: $accent-color-light;
        border-color: $accent-color-light;
      }
    }
  }

  .mt-p-info-price {
    .mt-p-info-radio {
      float: right;
    }
  }

  .mt-p-info-logistics {
    .weui-cell__primary {
      flex: 0;
    }

    .vux-check-icon {
      margin-left: -10px;
    }
  }

  .mt-p-info-supplements {
    padding-left: 24vw;

    &::before {
      left: 24vw !important;
    }

    .mt-p-info-supplement {
      font-size: 3.6vw;
      height: 7vw;
      line-height: 7vw;
      border-radius: 3.5vw;
      border: 1px solid #ccc;
      background-color: #fff;
      margin-right: 6px;
      padding: 0 3vw;
      margin-bottom: 10px;
    }

    .mt-p-info-supplement-selected {
      // background: #ffffff url(../assets/demo/checker/active.png) no-repeat right
      //   bottom;
      color: $accent-color-light;
      border-color: $accent-color-light;
      background: #c8e8ff;
    }
  }

  .mt-p-info-disclaimer {
    font-size: 13px;
    .mt-p-info-disclaimer-link {
      color: $accent-color-light;
    }
  }
}